<html>
  <head>
    <!--Load the AJAX API-->
    <meta charset="utf-8"/>
    <script type="text/javascript" src="googlecharts.js"></script>
    <script type="text/javascript">

      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});

      google.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', '功效');
        data.addColumn('number', 'Slices');
        data.addRows([
          ['美白', 3],
          ['保湿', 1],
          ['控油', 1],
          ['滋润', 1],
          ['紧致毛孔', 2],
          ['去黑头', 2],
          ['除皱', 2],
          ['抗氧化', 2],
          ['遮瑕', 2],
          ['防辐射', 2]
        ]);

        var options = {'title':'',
                       'width':316,
                       'height':210,
                       'is3D': true,
                       chartArea:{left:40,top:20,width:"80%",height:"80%"},
                       colors: ['#E4007F',"#AE0061","#FFB1DC","#703656","#FF5470","#FF5479","#FF46E3","#DF0047","#E70217","#C30234"],
                       tooltip: {textStyle:{color: '#666', fontSize: 12}},
                       legend: {textStyle: {color: '#d3d3d3', fontSize: 12}}
                     };
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);

        var options2 = {'title':'',
                       'width':230,
                       'height':155,
                       'is3D': true,
                       chartArea:{left:20,top:20,width:"80%",height:"80%"},
                       colors: ['#E4007F',"#AE0061","#FFB1DC","#703656","#FF5470","#FF5479","#FF46E3","#DF0047","#E70217","#C30234"],
                       tooltip: {textStyle:{color: '#666', fontSize: 12}},
                       legend: {textStyle: {color: '#d3d3d3', fontSize: 12}}
                     };
        var chart2 = new google.visualization.PieChart(document.getElementById('chart_div_small'));
        chart2.draw(data, options2);
      }
    </script>
  </head>

  <body>
    <h3>大图</h3>
    <div id="chart_div" style="width:316px;height:216px;border:#000 1px solid"></div>

    <h3>小图</h3>
    <div id="chart_div_small" style="width:230px;height:155px;border:#000 1px solid"></div>
  </body>
</html>